<script type="text/javascript" src="view/{$TEMPLATE_NAME_PATH}/js/update_account.js"></script>
<script type="text/javascript" src="view/{$TEMPLATE_NAME_PATH}/js/fat.js"></script>
<script type="text/javascript" language="JavaScript" src="view/{$TEMPLATE_NAME_PATH}/js/prototype.js"></script>
<script type="text/javascript" language="JavaScript" src="view/{$TEMPLATE_NAME_PATH}/js/ajax.js"></script>
<div id="welcomesignin">
	<div id="title_content">
		<div  id="title_txt">
			{TranslateTag}LABEL_MY_ACCOUNT{/TranslateTag}
		</div>
	</div>
	
    <div id="editaccount_ajaxResponse" class="ajaxResponse"></div>
    <form id="editcustomer" name="editcustomer" action="?page={$smarty.get.page}"  method="POST" onsubmit="return onEditCustomer('editcustomer', 'editaccount_ajaxResponse','?page=customer_editsuccess'); ">
    	<input type="hidden" name="act" value="editcustomer" />
    	<div class="register">
        	<fieldset>
            	<legend>{TranslateTag}LABEL_PERSONAL_INFORMATION{/TranslateTag}</legend>
                <div id="form_register">
                	<div class="row">
                		<div class="txt_register">{TranslateTag}LABEL_GENDER{/TranslateTag}:</div>
                    	<div class="row">
                    		{if $CUSTOMER->customer_gender eq "m"}
                    		<input type="radio" name="customer_gender" value="f" id="genderFemale" required/>
							{TranslateTag}LABEL_FEMALE{/TranslateTag}
							<input type="radio" name="customer_gender" value="m" checked id="genderMale" required/>
							{TranslateTag}LABEL_MALE{/TranslateTag}
							{else}
							<input type="radio" name="customer_gender" value="f" checked id="genderFemale" required/>
							{TranslateTag}LABEL_FEMALE{/TranslateTag}
							<input type="radio" name="customer_gender" value="m" id="genderMale" required/>
							{TranslateTag}LABEL_MALE{/TranslateTag}
							{/if}
							<font color="#FF0000">*</font>
                    	</div>
                	</div>	
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_FIRSTNAME{/TranslateTag}:</div>
						<div class="row" id="_customer_firstname">
                    		<input type="text" class="textInput" name="customer_firstname" id="customer_firstname" value="{$CUSTOMER->customer_firstname}" size="30" maxlength="60" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_LASTNAME{/TranslateTag}:</div>
						<div id="_customer_lastname" class="row">
                    		<input type="text" class="textInput" name="customer_lastname" id="customer_lastname" value="{$CUSTOMER->customer_lastname}" size="30" maxlength="60" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_DATE_OF_BIRTH{/TranslateTag}:</div>
						<div class="row">
                    		<input type="text" name="customer_dob" id="customer_dob" value="{$CUSTOMER->customer_dob}" size="30" minLength="10" maxlength="10"/>
                            <a href="#" id="btn_customer_dob" style="cursor: pointer">
                                <img src="view/{$TEMPLATE_NAME_PATH}/images/calendar.gif"/>
                            </a>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_COMPANY_NAME{/TranslateTag}:</div>
						<div class="row">
                    		<input type="text" name="customer_company" id="customer_company" value="{$CUSTOMER->customer_company}" size="30" minLength="8" maxlength="255" />
                   		</div>
                	</div>
                </div>
			</fieldset>	
            <br />
            <fieldset>
            	<legend>{TranslateTag}LABEL_BILLING_ADDRESS{/TranslateTag}</legend>
                <div id="form_register">
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_STREET{/TranslateTag}:</div>
						<div id="_customer_street_address" class="row">
                    		<input type="text" class="textInput" style="float:left" name="customer_street_address" id="customer_street_address" value="{$CUSTOMER->customer_street_address}" size="30" maxlength="60" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_POSTCODE{/TranslateTag}:</div>
						<div id="_customer_postcode" class="row">
                    		<input type="text" name="customer_postcode" size="30" style="float:left" id="customer_postcode" value="{$CUSTOMER->customer_postcode}" mask="numeric" minLength="4" maxlength="10" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_CITY{/TranslateTag}:</div>
						<div id="_customer_city" class="row">
                    		<input type="text" class="textInput" style="float:left" name="customer_city" id="customer_city" value="{$CUSTOMER->customer_city}" size="30" maxlength="60" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_STATE{/TranslateTag}:</div>
						<div id="_customer_state" class="row">
                    		<input type="text" class="textInput" style="float:left" name="customer_state" id="customer_state" value="{$CUSTOMER->customer_state}" size="30" maxlength="60" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_COUNTRY{/TranslateTag}:</div>
						<div id="_customer_country_id" class="row">
                    		<select style="float:left" name='customer_country_id' id='customer_country_id' class='postform' required>
                                <option value=''>{TranslateTag}LABEL_PLEASE_CHOOSE{/TranslateTag}</option>
                                {foreach name=country from=$ALLCOUNTRY item=item}
                                    	<option {if $CUSTOMER->customer_country_id eq $item->country_id}selected{/if} id='{$item->country_id}' value='{$item->country_id}'>
                                    {$item->country_name}
                                    </option>
                                {/foreach}
                            </select><font color="#FF0000">*</font>
                   		</div>
                	</div>
                </div>
			</fieldset>
            <br />
            <fieldset>
            	<legend>{TranslateTag}LABEL_CONTACT_INFORMATION{/TranslateTag}</legend>
                <div id="form_register">
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_TELEPHONE{/TranslateTag}:</div>
						<div id="_customer_telephone" class="row">
                    		<input type="text" name="customer_telephone" size="30" style="float:left" id="customer_telephone" value="{$CUSTOMER->customer_telephone}" mask="numeric" minLength="8" maxlength="255" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_FAX{/TranslateTag}:</div>
						<div class="row">
                    		<input type="text" name="customer_fax" size="30" mask="numeric" id="customer_fax" value="{$CUSTOMER->customer_fax}" minLength="8" maxlength="255" />
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_EMAIL{/TranslateTag}:</div>
						<div id="_customer_email_address" class="row">
                    	<input class="textInput" type="text" name="customer_email" id="customer_email" value="{$CUSTOMER->customer_email}" size="30" mask="email" maxlength="255" required /><font color="#FF0000">*</font>
                   		</div>
                	</div>
                </div>
			</fieldset>
            <br />
            <fieldset>
            	<legend>{TranslateTag}LABEL_PASSWORD{/TranslateTag}</legend>
                <div id="form_register">
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_PASSWORD{/TranslateTag}:</div>
						<div id="_customer_password" class="row">
                    		<input type="password" class="textInput" size="30" minLength="6" name="customer_password" id="customer_password" value="" required />
                   		</div>
                	</div>
                    <div class="row">
                    	<div class="txt_register">{TranslateTag}LABEL_PASSWORD_CONFIRMATION{/TranslateTag}:</div>
						<div id="_confirmpassword" class="row">
                    	<input type="password" class="textInput" size="30" minLength="6" name="customer_confirmpassword" id="customer_confirmpassword" value="" required />
                   		</div>
                	</div>
                </div>
			</fieldset>
            <!--<div id="newsletter">
                <div class="left_news">{TranslateTag}LABEL_NEWSLETTER{/TranslateTag}:</div>
                <div class="right">
                    {if $CUSTOMER->customer_newsletter eq "1"}
                    	<input name="customer_newsletter" id="customer_newsletter" checked type="checkbox" value="1"/>
                    {else}
                    	<input name="customer_newsletter" id="customer_newsletter" type="checkbox" value="1"/>
                    {/if}
                </div>    
            </div>-->
        </div>
        <p align="right">
					<input type="submit" id="submit" class="update" value=""/>
					<input type="reset" class="btn_reset" value="" />
		</p>
  </form>
</div>
<script type="text/javascript">
{literal}
    	Calendar.setup({
    	inputField     :    "customer_dob",     // id of the input field
        ifFormat       :    "%d.%m.%Y",      // format of the input field
        button         :    "btn_customer_dob",  // trigger for the calendar (button ID)
        //align          :    "Tl",           // alignment (defaults to "Bl")
        singleClick    :    true,
		showsTime      :    true,
		timeFormat     :    "24",
		step           :    1  
    	});
{/literal}		
</script>